﻿@{
    ViewBag.Title = "Introduction";
}
@*<script>
    var inFormOrLink;
    $('a').live('click', function() { inFormOrLink = true; });
    $(window).bind("beforeunload", function () {
        var con = confirm("Do you want finish Quick Test?");
        if (con) {
            alert("123");
        } else {
            $(window).unbind();
        }
    });
</script>*@
<div class="site_map">
    @Html.ActionLink("Home", "Index", "Home") / @Html.ActionLink("Subjects", "Index", "Subject", new { }, null) /
    <span style="word-wrap: break-word">
        @Html.ActionLink((string)ViewBag.Subject.Code, "Details", "Subject", new { id = ViewBag.Subject.SubjectId }, null)
    </span>
    / Tests
</div>
<br />
<div class="main_nav">
    <span>
        <a href="@Url.Content("~/Test/Index")?subjectId=@ViewBag.Subject.SubjectId">
            <img src="@Url.Content("~/Images/back button.png")" style="height:30px" alt=""/>
        </a>
    </span>
</div>
<br />
<div style="width: 100%; height: auto; border: 1px solid gray; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: -5px 5px 5px #888">
    <div id="introductionPage">
        <div style="padding: 20px 0 20px 20px">
            <div style="font-size: 20px"><b>Quick Test</b></div>
        </div>
        <div id="title" style="background-color: orange; padding-left: 20px"><b>Introduction Page</b></div>
        <div id="introduction">
            <div style="padding: 20px 0 20px 20px">
                <span>Instructions: In this test, after you read a question, read the choices and choose the best answer to the question you have read.</span>
                <br /><br />
                <span>Example:</span><br />
                <span>He _____ a teacher.</span><br /><br />
                <span>A. am</span><br />
                <span>B. is</span><br />
                <span>C. be</span><br />
                <span>D. are</span><br />
                <br />
                <span>The best answer to the question is B. You should choose answer B then click "Submit" button.</span>
            </div>
            <div style="text-align: center; padding-bottom: 20px">
                <a href="@Url.Content("~/Test/QuickTest")?sectionId=@ViewBag.Section" class="btn btn-large">Start the Test</a>
            </div>
        </div>
    </div>
</div>